<!DOCTYPE html>
<html>

<head>
  <title>图书列表</title>
  <style type="text/css">
    table {
      border-collapse: collapse;
      width: 100%;
    }

    th,
    td {
      text-align: center;
      padding: 10px;
      border: 1px solid #ddd;
    }

    th {
      background-color: #4CAF50;
      color: white;
    }

    tr:nth-child(even) {
      background-color: #f2f2f2;
    }

    td:last-child {
      text-align: center;
    }

    td:last-child button {
      margin: 0 5px;
      padding: 5px 10px;
      background-color: #4CAF50;
      color: white;
      border: none;
      border-radius: 4px;
      cursor: pointer;
    }

    td:last-child button.delete {
      background-color: #f44336;
    }

    td:last-child button.edit {
      background-color: #008CBA;
    }

    .delete {
      background-color: #dc3545;
      color: #fff;
      border: none;
      padding: 0.5rem 1rem;
      border-radius: 0.25rem;
      cursor: pointer;
    }

    .edit {
      background-color: #007bff;
      color: #fff;
      border: none;
      padding: 0.5rem 1rem;
      border-radius: 0.25rem;
      cursor: pointer;
    }
  </style>
</head>

<body>

  <table>
    <thead>
      <tr>
        <th>书籍名称</th>
        <th>作者</th>
        <th>定价</th>
      </tr>
    </thead>
    <tbody>

      <tr>

        <td>看漫画学Python</td>
        <td>关东升</td>
        <td>29.99</td>
      </tr>

      <tr>

    </tbody>
  </table>

</body>

</html>